html { background-color:#f0f0f0; }
body { color:#ffffff; }
.iconfont{font-size:22px;}
.uk-block{background: url("../img/banner.jpg") no-repeat ; background-size: cover;height:130px;}
.header{padding:0px;overflow:hidden;}
.header>.user{padding:11px;}
.header>.user:after{content: ""; display: block;overflow: hidden; clear: both;}
.header>.user>div{ float: left;}
.user>.headpor>img{ width:68px; height: 68px; border-radius: 3px; overflow: hidden; border:1px solid #ffffff; }
.user>.attrs{ margin-left: 10px;}
.user>.attrs>h4{ padding: 5px 0; margin: 0px; font-size: 14px;color: #ffffff;}
.user>.attrs small{ font-size: 10px; color:#ffffff;}
.user>.attrs span{ font-size: 20px;}
.user>.right{position: absolute; right: 10px;}
.header>.attrs{ margin-top: 0px ; color: #ffffff;padding-top:12px;padding-bottom:12px;display:flex;display:-webkit-flex;text-align:center;background-color:rgba(0,0,0,0.3);}
.header>.attrs>div{ flex:1;-webkit-flex:1; font-size: 12px; box-sizing: border-box;}
.header>.user>.right .btn{ padding: 10px; margin: -10px;}
.right_card{ position: absolute; right: 10px; top: 0px; font-size:38px; }
.right_attrs{ position: absolute; right: 10px; top: 20px; background: url("../img/icon-arrow-right.png") no-repeat ; background-size: 100%; width: 10px; height: 15px; }
